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INICIANDO 


Vamos iniciar o uso do Photoshop estudando o dimensionamento e visualização 
da área de trabalho e da imagem. 


Ajustamos o tamanho da área de trabalho utilizando o comando Tamanho da 
Tela de pintura... do menu Imagem, que abre o quadro de diálogo. 


1 - Abra o arquivo zebra.psd. 
2 - No menu Imagem escolha a opção Tamanho da Tela de Pintura. 


3 - Altere o tamanho da área de trabalho para 500 px x 600 px, travando no canto 
superior esquerdo - Ancora. 


g © Zebra.psd @ 66,7% (RGB) =] x] 


| Tamanho da Tela de Pintura ES 


m~ Tamanho Atual:658K 
Largura: 400 pixels 
Altura: 561 pixels 


di 


Cancelar 


m Novo Tamanho: 879K 


Largura: [o0 | pixels ~] 


Repare que na figura a seguir, a área de trabalho cresceu somente nos cantos 
direito e inferior, e o tamanho do arquivo também foi aumentado. 
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Podemos desfazer somente a última ação no Photoshop, utilizando a função 
desfazer. No menu Editar, escolha a opção Desfazer Tamanho da Tela de 
pintura, ou pressione Ctrl + Z, voltando a área de trabalho ao seu tamanho 
original. 


Uma boa e rápida maneira de trabalhar com o Photoshop é ir acostumando-se a 
usar teclas de atalho, com isso você economizará muitos movimentos 
desnecessários do mouse, agilizando seu trabalho. 


Agora vamos redimensionar a figura. 


1 - No menu Imagem, escolha a opção Tamanho da Imagem 


Tamanho da Imagem x| 
— Dimensões em Pixels: 879K 


Largura: E 00 | pixels Ig Cancelar | 
Altura: E 00 | pixeis z] Automático... | 


m~ Tamanho do Documento: 


Largura: [7 64 [em ~] 8 
Altura: A AF [em db] m~~] 
Resolução: [72 | pixels/polegada +] 


MV Restringir Proporções 


7 Redefinir a Resolução da Imagem: MEMME | 


2 - No quadro de diálogo, altere a Largura, da seção Tamanho do Documento 
mantendo as proporções constantes. Neste quadro podemos alterar o tamanho 
da figura a ser impressa, observando suas dimensões na tela do computador na 
seção Dimensões em Pixel. 


A opção Redefinir a Resolução da Imagem, indica qual método de interpolação 
será utilizado para calcular os valores de cores dos pixels durante a ampliação ou 
redução da imagem, utilizando os valores da cor dos pixels existentes. 


a - Pelo Mais Próximo - é o método mais rápido, mas menos preciso. Este 
método pode resultarem efeitos dentados que ficam aparentes quando 
distorcemos ou redimensionamos uma imagem, ou então, executamos 
manipulações múltiplas em uma seleção. 


b - Bilinear - é um método de média qualidade. 


c - Bicúbica - é o método mais lento, porém mais preciso, resultando em 
graduações tonais mais lisas. 
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Para ampliarmos ou reduzirmos a visualização da imagem, utilizamos o comando 
Zoom, que pode ser acessado via menu - opções Aumentar Zoom e Diminuir 
Zoom do menu Visualizar, pelas teclas de atalho Ctrl + + ou Ctrl + -, que 
realizam uma ampliação de toda figura, ou através da ferramenta Zoom (lupa) na 
barra de ferramentas 


1 - Com o arquivo zebra.psd aberto, pressione Ctrl + +, seguidas vezes até 
alcançar o máximo de ampliação, ou seja, 1600%. Este comando irá ampliar a 
figura a partir do centro, quando é possível ver os pixels individualmente. 


A navegação na figura muito grande pode ser realizada com o uso das barras de 
rolagem vertical e horizontal, ou através da janela Navegador. Esta janela 
permite uma visualização total da figura com a indicação da área visível, onde 
poderemos também alterar o Zoom de uma forma mais linear com o botão 
Controle Deslizante do Zoom. 


2 - Se a janela Navegador não estiver aberta, use a opção Mostrar Navegador 
do menu janela.. 


im ES 
Navegador © 


3 - Estando o ponteiro do mouse com a forma de uma mão indicando, dê um 
clique na região da figura onde deseja observar. Escolha uma região com alguns 
detalhes. 


Ei © Zebra psd @ 302% (RGB) = TO] 
Fi | RE 


ml ES 
Navegador o 


Repare que neste nível de ampliação podemos ver os píxels da figura, onde é 
possível a sua edição. 
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4 - Posicione o ponteiro sobre o retângulo vermelho, arraste-o, visualizando a 
figura mais dinamicamente. 


Podemos fazer o mesmo utilizando a Ferramenta Mão(H), arrastando-a sobre a 
janela da imagem podemos observar a figura se movimentar dentro da janela, 
experimente. 


5 - Arraste o botão Controle Deslizante do Zoom e observe o aumento do 
retângulo vermelho, mova até um Zoom de 300%. 


Para acessar a Ferramenta Zoom, podemos ir com o ponteiro até a barra de 
ferramentas e dar um clique em seu ícone, ou pressionar a tecla Z. Para 
sabermos qual a tecla de atalho de cada ferramenta, basta deixar o ponteiro 
alguns instantes sobre o ícone na barra de ferramentas, que o Photoshop nos 
mostrará o nome da ferramenta e a tecla de atalho. 


1 - Pressione a tecla Z. 


2 - Leve o ponteiro até a área de trabalho e dê um clique, para ampliar a 
visualização. Normalmente a ferramenta Zoom possui um sinal de mais (+) em 
seu ponteiro, indicando que cada clique sobre a figura irá ampliá-la. 


3 - Pressione a tecla Alt e observe que dentro do ponteiro existe agora um sinal 
de subtração (-), indicando que a cada clique sobre a figura a visualização será 
reduzida. 
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4 - A ferramenta Mão também pode ser transformada em ferramenta Zoom. 
Selecione a ferramenta Mão e pressione Ctrl e Alt, e observe a mudança na 
forma do ponteiro. 


5 - Na área de trabalho, arraste o cursor formando um retângulo pontilhado sobre 
a área que deseja ampliar. Após soltar o botão do mouse, essa área selecionada 
será ampliada para o tamanho da área de trabalho visível. 


Podemos ter vários arquivos do Photoshop abertos ao mesmo tempo, cada um 
sendo mostrado em uma janela, mas somente uma delas pode ser a janela ativa. 


Com o arquivo zebra.psd aberto abra também o arquivo urso.psd, da mesma 
pasta, verificando que em determinado momento poderemos editar um, hora 
outro. 

1 - Abra o arquivo urso.psd. 


2 - Dê um clique na janela do arquivo zebra.psd para torná-la ativa. 


g O Zebra. psd @ 50% (RGB) PEIES 


Existem vários modos de exibição das imagens no monitor, a primeira, que 
trabalhamos até agora, é o modo padrão, onde cada janela aparece no tamanho 
normal. Os outros dois modos trabalham com a tela cheia. Para alternar entre 
estes modos, dê um clique em um dos botões na parte inferior da barra de 
ferramentas ou pressione a tecla F para alterar entre estes modos. 
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modos de visualização > [BIDJO! 
Tv 


€ modos de visualização 


Mas apesar de observar a imagem em tela cheia você se sentir incomodado com 
as janelas auxiliares do Photoshop, bastar pressionar a tecla <Tab> e ficará 
visível na tela somente a imagem que está sendo editada, ao pressionar <Tab> 
novamente para elas voltarem a aparecer. 


1 - Com os dois arquivos abertos na tela do computador e zebra. psd ativo, 
pressione a tecla <F>. 


2 - No menu Janela selecione a opção relativa ao arquivo urso.psd, tornando-o a 
janela ativa. Repare que voltamos ao modo de janela padrão. 


3 - Clique na janela zebra.psd para ver somente a janela do arquivo sendo 
exibida. 


4 -Pressione sucessivas vez a tecla <F>, alternando entre os modos de exibição. 
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SELEÇÕES 


As seleções são áreas da imagem que você marcou para fazer alguma alteração, 
e caracterizam-se por uma linha pontilhada em torno da região desejada. 
Podemos criar seleções utilizando a ferramenta Marca de Seleção, Laço, Varinha 
Mágica, a opção Escala de Cores do menu Selecionar e com os Demarcadores, 
como veremos mais adiante. 


MARCA DE SELEÇÃO 


Com as ferramentas de Marca fazemos seleções de traçado geométrico - 
retângulo, elipse, linhas e corte. 


Na barra de ferramentas, as ferramentas que possuem sub-tipos tem no canto 
inferior direito um pequeno triângulo, quando clicamos neste triângulo por alguns 
instantes, aparecem as outras opções da ferramenta. 


H Ferramenta Marca de Seleção Retangular 
a Ferramenta Marca de Seleção Elíptica 


eza Ferramenta Marca de Seleção de Linha Única 


$ Ferramenta Marca de Seleção de Coluna Única 


RETANGULAR E ELÍPTICA 


1 - Abra o arquivo Nuvens.psd 


2 - Com a ferramenta Marca de Seleção Retangular faça uma seleção retangular 
na figura. 


3 - Posicione o ponteiro dentro da área selecionada e arraste-o, observando a 
mudança de posição da seleção, sem alterações na imagem. 


4 - Com o ponteiro ainda dentro da área selecionada, pressione a tecla <Ctrl> e 
note que o ponteiro mudou para a forma de uma tesoura, indicando que esta área 
será recortada se arrastarmos este ponteiro. 


A seleção pode ser adicionada ou recortada utilizando-se as teclas <Shift> e 
<Alt> juntamente com a ferramenta Marca de seleção. 


5 - Com a primeira seleção ainda ativa, pressione a tecla <Shift> (adição) 
enquanto faz outra seleção. 
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6 - Pressione a tecia <Alt> (subtração) e faça uma seleção envolvendo partes das 
outras. Observe a figura a seguir. 


Os mesmos princípios vistos anteriormente podem ser aplicados à ferramenta 
Marca de Seleção Elíptica. 


As ferramentas Marca de Seleção de Linha única e Coluna, selecionam uma 
área vertical ou horizontal na figura com a largura ou altura de um pixel. 


1 - Experimente fazer seleções semelhantes às da figura a seguir. 
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CORTE DEMARCADO 


Com a ferramenta Corte Demarcado, cortamos a figura mantendo somente a 
parte selecionada, descartando todo o seu restante. 


1 - Abra o arquivo urso.psd e selecione a ferramenta Corte Demarcado (C) 


2 - Arraste o mouse sobre a área que você deseja manter. Quando você soltar o 
mouse, a área seleciona aparecerá com botões dimensionadores. 


3 - Ajuste esta área arrastando estes botões. Podendo redimencionar, arrastar e 
girar esta área. Pressionando a tecla <Shift> mantemos as proporções 
constantes. 


4 - Gire a seleção. 


5 -Pressione a tecla Enter para cortar a figura. Para cancelar, pressione Esc. 


OPÇÕES DA MARCA DE SELEÇÃO 


Obtemos um controle mais avançado das ferramentas Marcas de Seleção, 
utilizando a barra de ferramentas de opções, logo abaixo do menu principal. 


&. Adobe Photoshop elx] 
Årquivo Editar Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 


| = EREE | Difusão: fo px IZ Suavização de Serrilhado Estilo: [Normal =] Largura I Altura I | 


No menu suspenso Estilo, escolhemos como será a aparência da seleção: 
Normal: permite escolher um tamanho livre. 

Proporção Restrita: mantém as proporções da seleção. 

Tamanho Fixo: toda seleção terá um tamanho fixo para largura e altura. 
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Na opção Difusão, especificamos o grau de suavidade, que é útil quando 
utilizamos a seleção para corte. Quanto maior a Difusão melhor será a transição, 
evitando-se as mudanças abruptas entre as cores. 

1 - Abra o arquivo Nuvens.psd 

2 - Selecione a ferramenta Marca de Seleção Retangular. 


3 - Na barra de ferramentas Opções, defina o fator de difusão = 0. 


4 - Faça uma seleção, e copie com as tecla <Ctr> + <C>, ou através do menu 
Editar, opção Copiar. 


ta Adobe Photoshop 


Eveançaruma Etapa SAELE EZA 


Sie mikan 


Copiar Ctrl+C 


Copiar escada SINELE HLE 


5 - Abra um novo arquivo pressionando <Ctrl> + <N>, utilizando um tamanho de 
acordo com a área copiada e com fundo branco. E bom ir acostumando-se com 
as teclas de atalho pois elas são mais ágeis que o movimento do mouse até o 
menu. 


a 


Teste Difusao| | 


= 
po fpes x 
po [ms x 
p2 [presno z] 


Cores RGB 
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6 - Cole a parte do céu copiada anteriormente com <Ctrl> + <V>. 


8 - Volte para o arquivo Nuvens.psd, definindo um novo fator de difusão. Copie 
outra região colando-a no arquivo novo. 


Quando você cola uma outra figura no arquivo novo, o Photoshop auto- 
maticamente acrescenta mais uma camada neste arquivo. Observando a janela 
Camadas, notamos as sucessivas camadas que estão sendo criadas. 


A opção Suavização de Serrilhado remove as extremidades dentadas de uma 
seleção, fazendo uma transição sutil entre suas extremidades e os pixels 
circunvizinhos. 


1 - Selecione a ferramenta Marca de Seleção Retangular. 


2 - Faça uma seleção oval com a opção Suavização de Serrilhado desativada, 
cole esta seleção em um novo arquivo. 


3 - Agora faça uma nova seleção oval com a opção Suavização de Serrilhado 
ativada e cole em outro arquivo novo. 


4 - Coloque todas as janelas de arquivos abertos visíveis utilizando o menu 


Janela » Lado a Lado e compare as diferenças no uso da opção Suavização de 
Serrilhado. 


LAÇO 


Com a Ferramenta Laço (L), fazemos seleções de traçados livres onde 
contornamos figuras irregulares. 


A ferramenta Laço possui três sub-tipos: 
Laço, Laço Poligonal e Laço Magnético. 


Com a primeira fazemos seleções totalmente livres enquanto arrastamos o 
ponteiro do mouse, com a segunda fazemos seleções utilizando linhas retas, e 
com a terceira a seleção tende a prender-se às extremidades de áreas definidas 
na imagem. A ferramenta de laço magnética é especialmente útil para selecionar 
objetos rapidamente com extremidades complexas sobre fundos de 
alto-contraste. 

1 - Abra o arquivo urso.psd 

2 - Selecione a ferramenta Laço. 

3 - Arraste o mouse ao redor rosto. 


4 - Quando o ponteiro encontrar o ponto inicial da seleção, o seu ícone terá um 
pequeno círculo ao lado. 


N 
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gi Urso.psd @ 66,7% (Plano de fu... [=] E3 E 


5 - Pressione a tecia <Delete>, apagando a área selecionada mostrando com isso 
o fundo da imagem. 


6 - Pressione <Ctrl> +<Z> para desfazer a seleção. 


7 - Dê um clique com o ponteiro dentro da área selecionada para desfazer a 
seleção. 


Vamos agora selecionar o mesmo rosto utilizando a ferramenta Laço Poligonal. 


1 - Dê um clique próximo ao rosto do urso, mova o mouse - repare que é formada 
uma linha reta entre o primeiro clique e a posição do ponteiro. 


2 - Dê mais um clique em outro lugar a fim de circundar o mesmo rosto, podendo 
a partir daí selecionar todo o balão através de linhas retas. 


3 - Quando o ponteiro estiverem sobre o ponto inicial da seleção, o seu ícone terá 
dois pequenos círculos indicando o possível fechamento da seleção. Ou então 
para fechar a seleção basta dar um duplo-clique em qualquer lugar, que o 
Photoshop unirá a posição atual do ponteiro com o ponto inicial da seleção, 
fechando-a. 


4 - Coloque o ponteiro dentro da área selecionada e dê um clique para desfazer 
esta seleção. 
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A ferramenta Laço Magnético, possui além das vistas anteriormente, as 
seguintes opções: 


Largura do Laço: especifica a distância entre 1 e 40, em pixel, que a ferramenta 
detectará diferenças entre contrastes, a partir da posição do ponteiro. 


Freqüência: especifica a freqüência com que a ferramenta vai fixando pontos ao 
redor da seleção, podendo variar entre O e 100. 


Contraste de Arestas: especifica a sensibilidade do laço para as extremidades 
na imagem, e está entre 1 % e 100%. Um valor mais alto detecta só extremidades 
que contrastam nitidamente com os ambientes deles/delas; um valor mais baixo 
detecta extremidades debaixo contraste. 


1 - Selecione o mesmo rosto das vezes anteriores, utilizando a ferramenta Laço 
Magnético. Aumente a figura com um Zoom de aproximadamente 500% para 
melhor visualizar o trabalha da ferramenta. 


2 - Altere as opções desta ferramenta, observando as diferentes formas e 
facilidades de seleção. 


8 årquivo Editar Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 


| 5 | m | Difusão: lo px 7 Suaw. de Serrilhado Largura: fi px Contraste: fio% Freqüência: fzo 
i | 
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VARINHA MÁGICA 


Com a ferramenta Varinha Mágica (W) selecionamos todos os pixels próximos ao 
pixel clicado que possuem cores semelhantes. Esta ferramenta é bastante útil 
quando queremos selecionar um objeto de determinada cor sem o uso das 
ferramentas de seleção vistas anteriormente. 


Nas opções da Ferramenta Varinha Mágica (W) encontramos o fator Tolerância, 
variando entre O e 255, que indica qual será a tolerância da ferramenta para a 
seleção das cores semelhantes. Entrando com um valor baixo, selecionamos 
cores bem parecidas com a do pixel clicado, e com um valor mais alto 
aumenta-se o alcance de cores. 


Também encontramos a opção Adjacente, que quando habilitada, faz com que o 
a Varinha selecione apenas as áreas conectadas a área que você clicou, quando 
desabilitada, permite que a seleção de cores semelhantes funcione por toda a 
imagem. 


1 - Com o arquivo Nuvens.psd aberto, selecione a ferramenta Varinha Mágica. 


2 - Altere a Tolerância para 40 e selecione as opções Suavização de Serrilhado 
e Adjacente. 


3 - Dê um clique em uma nuvem, selecionando boa parte dela - escolha uma cor 
intermediária para dar o clique. 


4 - No menu Selecionar opção Difusão..., defina o Raio de Difusão em 5. 
Apesar de a janela Opções não ter esta opção, nós podemos alterála através do 
menu. Note que ao fechar a janela de Raio de Difusão, a seleção ficará mais 
linear. 


5 - Pressione as teclas <Ctrl> + <Alt> enquanto arrasta o mouse, movendo a 
nuvem para outro local. 


Ea Adobe Photoshop 
frquivo Editar Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 


Em | Tolerância: Jão 7 Suavização de Serrilhado IV Adjacente J Utilizar Todas as Camadas 


JE 


a Nuvens.bmp & 100% (índice) 
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6 -Dê um clique com o botão direito dentro da área selecionada, e no menu rápido 
escolha Desfazer Seleção para que ela seja desfeita ou pressione <Ctrl> + D. 


JANELA HISTÓRICO 


Como a opção Desfazer possui somente um retorno e caso você não tenha 
gostado da posição da nova nuvem, não é possível desfazer esta mudança 
utilizando esta função, pois após desfazer a seleção, o Photoshop apenas voltará 
a seleção e mais nada. 


Voltamos mais atrás com o uso da janela histórico - no menu Janela » Mostrar 
Histórico. 


m E 
Histórico NAD 


PH E Nuvens.bmp E 


žy Varinha Mágica 
8 Desfazer Seleção 


“a Varinha Mágica 
A Desfazer Seleção 
žy Varinha Mágica 


A Desfazer Seleção 


BÄ Varinha Mágica 


Nesta janela poderemos observar as ações realizadas com a imagem, podendo 
voltar ao ponto onde nos interessa. 


1 - Para voltar ao ponto onde as nuvens foram selecionadas, dê um clique na 
linha indicada na figura anterior. 


2 - Ou se preferir voltar o arquivo até a última versão gravada da imagem no 
disco, você pode utilizar a opção Reverter do menu Arquivo respondendo que 
deseja reverter, no quadro que aparecerá. 


Voltando à ferramenta Varinha Mágica, você pode expandir a área selecionada 
escolhendo as opções Aumentar e Semelhante do menu Selecionar, ou 
utilizando o menu rápido - clique botão direito. 


A opção Aumentar expande a seleção a partir da seleção inicial, anexando os 
pixels adjacentes dentro da tolerância especificada. A opção Semelhante 
seleciona todas as regiões na imagem onde as cores estão dentro da tolerância 
especificada. 


1 - Selecione uma nuvem no arquivo Nuvens.psd com a ferramenta Varinha 
Mágica. 
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2 - Escolha a opção Aumentar do menu Selecionar. Repare que a seleção ficou 
mais ampla ao redor da nuvem. 


3 - Agora escolha a opção Semelhante do menu Selecionar note que todas as 
nuvens foram selecionadas. 


4 - Inverta a seleção escolhendo Selecionar Inverso no menu rápido. Agora o 
que estará selecionado será todo o céu e não mais as nuvens. 


Esta seleção varia de acordo com os parâmetros de difusão e tolerância. 
Experimente estas variações. 


ESCALA DE CORES 


Através da opção Escala de Cores do menu Selecionar, podemos fazer 
seleções similares ao uso da ferramenta Varinha Mágica com a opção 
Semelhante do menu Selecionar. 


Escala de Cores 


x| 
f Selecionar: | Æ amostras de Cores +| j 
| Grau de Seleção: pon | Cancelar | 


© Seleção © Imagem 


pS o z 
o Visualizar Seleção: | Nenhum +| 


Com este comando podemos selecionar uma cor direto da imagem, ou escolher 
uma a partir da janela Selecionar. O Photoshop selecionará os pixels relativos à 
cor escolhida de acordo com o valor da propriedade Grau de Seleção, 
semelhante à tolerância da ferramenta Varinha Mágica. 


1 - Com o arquivo Nuvens.psd aberto, escolha a opção Escala de Cores... do 
menu Selecionar. 


2 - Na caixa de diálogo Escala de Cores..., defina Selecionar para Amostra de 
Cores e Grau de Seleção para 10. 


3 - Mova o ponteiro com a forma de um conta gotas e clique sobre um azul, 
selecionando todos os pixels de cores semelhantes na imagem. 
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Os pontos selecionados podem ser vistos no quadro de amostra da janela Escala 
de Cores ou diretamente na imagem, se você mudar as opções no caixa de lista 
Visualizar a Seleção. 


MODIFICANDO AS SELEÇÕES 


Após selecionar uma determinada região da imagem, você poderá aplicar 
diversas ferramentas que permitem a modificação desta região, como distorções, 
cores, bordas, filtros e muita outras. 


Preenchendo seleções 


Uma seleção pode ser preenchida com uma cor, uma imagem vinda de outro 
arquivo, ou uma textura. 


Janela Informações 


Antes de preenchermos uma seleção com cor, veremos a janela Informações 
que está no mesmo quadro que a janela Navegador. Nesta janela temos as 
informações de posição do cursor, tamanho da seleção, parâmetros de cor do 
pixel atual e outras medidas conforme a ferramenta atualmente selecionada. 


1 - Abra um arquivo novo com tamanho: Largura = 300 e Altura = 100 (pixels) com 
fundo branco. 


2 - Selecione a ferramenta Marca de Seleção Retangular e observe as 
característica da janela Informações enquanto o ponteiro é movido pela tela. 


Ms El 


Informações 


Re 
g: 
A B: 


+ :: |g 
Pixels 
Polegadas 

v Centímetros 
Pontos 
Paicas 
Porcentagem 


& 


RZA 


a = a 


3 - Dê um clique no pequeno triângulo ao lado de cada ícone da janela para 
alterar a unidade atualmente utilizada tanto de cor quanto de medida. 
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4 - Faça uma seleção olhando para as coordenadas mostradas pela janela 
Informações sem se preocupar com o ponteiro na tela, com os seguintes valores, 
em pixel: 


fal Èd 
Informações o 


Com o Photoshop podemos escolher as cores de primeiro plano e de plano de 
fundo através da barra de ferramentas. 


Para escolher uma cor diferente da padrão, basta dar um clique no quadro de cor 
que se deseja modificar (Primeiro Plano ou Plano de Fundo) abrindo com isso o 
quadro de diálogo Seletor de Cores onde é possível escolher uma cor 
digitando-se seus valores para cada elemento ou dando um clique no quadro com 
a matriz de cores. 


es 
[pes cerne pnteNo para E. cor de segundo plano (branco) 


O Photoshop nos avisa quando a cor escolhida não pode ser impressa, e quando 
não puder ser publicada com segurança na Internet. 


Seletor de Cores x| 
Cor do primeiro plano: 
Cancelar mE 
“Personalizado | 
te H:j203 ° o 


dress x ii 


C B:]45 % €B:|-24 


Crp Cf % 


ref mf x 
a Bis vjs x 
= [205373 Kf % 


I Somente Cores da web 
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1 - Após fazer a seleção descrita anteriormente, dê um clique na Cor de Primeiro 
Plano. 


2 - Digite os seguintes valores para os parâmetros de RGB: R=70 G=152 B=134. 
Feche com OK. 


Seletor de Cores E3 


Cancelar e 
“Personalizado | 

(o H:fi67 [SA 9 ES pr 

CS|s4 % C a: l-30 
drplo x% CEB: fi 

CRfo. Cio % 

Caf: Mf5 x 

C B: fi34 vo x 


* [459886 K: jio] 


Cor do primeiro plano: 


I Somente Cores da Web 


3 - Aplique esta cor na seleção escolhendo a opção Preencher do menu Editar e 
na caixa de lista Usar, escolha Cor de Primeiro Plano. Aplicando a cor na seleção. 


Conteúdo ———~~~~~~ ~ 
Usar: | Branco +] Cancelar | 


Cor do Primeiro Plano 


Cor do Plano de Fundo 


Padrão 


Mesclagel 


Modo: 
Preto 
Opacidade: | 50% Cinza 


19 


Webdesign PHOTOSHOP 


4 - Posicione o ponteiro dentro da seleção. Arraste o mouse, movendo a seleção 
100 pixels para a direita. Use como guia a janela Informações observando as 
variações de coordenadas polar e retangular. 


Preenchimento 


— Conteúdo 


Usar: | Cor do Primeiro Plano ~] Cancelar | 
Cor do Primeiro Plano 


| Cor do Plano de Fundo 


Padrão 
Historico 


El 


Preto 
Opacidade: | 50% Cinza 
Branco ; 


I Preserva 


aaea 
AN 


Es 


6 - Faça uma nova seleção elíptica que envolva parte das duas primeiras, e 
preencha-a com uma terceira cor utilizando uma opacidade de 10%. 


TEXTURAS 


As seleções também podem ter texturas através da aplicação de filtros. No menu 
Filtro temos vários tipos de filtros para textura na opção Textura. 


1 — Abra o arquivo nuvens.psd, selecione a região central do céu. 


2 - No menu Filtro escolha Textura e Texturizador... 
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3 - Na caixa de lista textura escolha Carregar Textura, carregando o arquivo 
pegadas.psd. 


4 - Defina os parâmetros desta textura. 


5 - Experimente carregar outros tipos de textura, variando os parâmetros de 
Tamanho, Relevo e Direção da Luz. 


MOLDURA - COMANDO STROKE 


Finalizando o preenchimento de seleções temos o comando Traçar, que cria um 
contorno ao redor da seleção. Acessado através do menu Editar » Traçar. 


E 
Largura: fio px Cancelar | 


— Localização 


| € Interna € Centro É Externa 


= Mestigem. = 


Modo: | Normal ~] 
Opacidade: fioo % 
r 


preserwaniranspa encia 


Na figura anterior vemos o quadro de diálogo Traçar onde você pode modificar os 
parâmetros de contorno da seleção. 


1 - Abra o arquivo zebra.psd. 
2 - Escolha um amarelo para cor de primeiro plano: R=249; G=244 e B=0. 
3 - Escolha a opção Traçar do menu Editar. 


4 - Defina em 10 pixels a largura do traçado, partindo para o lado de fora da 
seleção. Poderia ser o centro ou para dentro. Feche com OK. 
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5 - Remova a seleção e observe o contorno formado ao redor da área 
selecionada. 


| | 
| TRANSFORMANDO SELEÇÕES | 


Entendemos como transformações, os comandos encontrados no menu Editar - 
Transformação Livre e Transformação, neste menu estão as opções de 
Escalar, Rotacionar, Inclinar, Distorcer e Perspectiva de um objeto 
selecionado. 


1 - Abra o arquivo pato.psd. 


2 - Selecione o pato. (varinha mágica — seleciona a área branca) 


BEN 
S 


SoA 
DES 


DIZI 
ME 


= 
Fj 
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Depois vá em selecionar > inverter 


Camada | Selecionar Filtro Wisualizar Janela Ajuda 
o: jo p> Tudo f Ctrl 

Desfazer Seleção Ctrl+D 
Selecionar Novamente. Sitio 


Shft+Ctrl+l 


Largur 


Escala de Cores... 


Difusão... Blt+Ctrl+D 
Modificar > 


fSumentar 
Semelhante 


Transformar Seleção 


Carregar Seleção... 
Salvar Seleção... 


3 - Escolha a opção Transformação Livre do menu Editar. 


4 - Transforme a imagem movimentando os pontos de controle que envolvem a 
seleção. Tente também utilizar as opções inclinar, rotacionar e escalar da opção 
Editar / Transformação. 


5 - Aplique a transformação dando um clique na barra de ferramentas, e na caixa 
de diálogo que aparece, responda que deseja aplicara transformação. 
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6 -Para finalizar, abra o arquivo pato.psd aplique a transformação Perspectiva 
arrastando um dos pontos de controle da região seleciona. 


| Editar Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 


Serrilhad Estilo: [Normal 


Desfaze 
vançar uma etapa SPHE FZ 


Retroceder uma Etapa Alt+Ctrh+zZ 


Atenuyar... Shft+Ctrl+F 
Recortar Ctrl 
Copiar Ctrl+C 
Copiar Mesclado Shft+Ctrl+C 
Colar Ctrl 
Colar Em... Shft+Ctrl+ y 
åpagar 


Preencher... 
Traçar... 
Transformação Livre Ctrl+T 


Transformação Novamente Shft+Ctrl+T 


Emcee Redimensionar 

Radea Rotacionar 
Definir Forma Fersonalizad Inclinar 
Distorcer 


Descartar > 


Configurações de Cores... Shft+Ctrl+kK, 
Gerenciador de Predefinição... 
Preferências » 


Rotacionar 180º 
Rotacionar 90º Horário 
Rotacionar 90° Anti-Horário 


Virar Horizontalmente 
Virar Verticalmente 


EXPANDINDO E CONTRAINDO 


As seleção podem ser expandidas ou contraídas com o uso dos comandos 
Expansão e Redução do menu Selecionar/ Modificar. 


Às vezes precisamos de um ajuste mais fino na seleção para incluir algum efeito, 
hora aumentando hora diminuindo o seu tamanho. 


1 - Abra um novo arquivo com fundo branco. 
2 - Faça uma seleção retangular, e preencha-a com alguma cor clara. 
3 - No menu Selecionar/Modificar, escolha Redução. 


4 - No quadro de diálogo Reduzir Seleção, escolha uma diminuição de 16 pixels 
(valor máximo permitido) para a seleção. Clique em OK. 


5 - Preencha a nova seleção com uma cor mais escura. 


6 -Repita o mesmo processo com o comando Expansão. 


24 


Webdesign PHOTOSHOP 


AERÓGRAFO 


Esta ferramenta funciona como uma lata de spray, que espalha mais tinta à 
medida que diminuímos a velocidade do ponteiro. 


1 - Abra o arquivo urso.psd. Selecione toda a área da imagem pressionando as 
teclas <Ctrl + A>. 


2 - Selecione o tipo de pincel Borrifo 39 com o modo Dissolver e a pressão do 
spray em 4%. 


4 - Usando sua criatividade, tente reproduzir a figura abaixo, apenas utilizando a 
ferramenta Spray, alternando os valores da pressão em seguida para 50%, 
utilizando os modos Diferença, Exclusão e Dissolver, modificando inclusive o 
pincel para Sólido, Suave e Estrela. 


E) Arquivo Editar Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 
Modo: [Normal [=] Pressão: [41% T] | 


jz 


Iz] årgquivo Editar Imagem Camada Selecionar . 


| EA Pincel: [e || | Modo: [Normal Te] 


Nome: [Circulo Sólido 13 pixels 
Diâmetro: fiz px 
Dureza: +00 % 

[7 Espaçamento: fes 2 
=> 


a aa AA ; RR ZE 


Circularidade: [100 % 
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PAINTBRUSH 


Esta ferramenta é realmente como um pincel, espalhando a tinta mais 
uniformemente que a ferramenta Aerógrafo. 


1 - Partindo de um arquivo em branco, selecione a ferramenta Pincel. 


2 - Na barra de ferramentas opções, selecione Arestas Aguadas para escrever o 
texto manualmente. Esta opção faz com que o pincel use recursos parecidos com 
aquarela, que quanto mais tempo ele permanecer parado, mais a tinta se 
espalhará. 


3 -Veja o exemplo abaixo onde foi estilizado a bandeira do Brasil. 
(TENTE FAZER!) 


FERRAMENTA DEGRADÊ 


A ferramenta Degradê é muito utilizada na criação de fundos para imagens, pois 
ela gera uma transição gradual de uma cor para outra. Podese definir um número 
muito grande de gradientes a partir da janela de opções, começando com a 
escolha do tipo de gradiente na barra de ferramentas, se Linear, Radial, Angular, 
Refletido ou Diamante. 


| EJ [EH | aoadado | Modo: [Normal T] Opacidade: | I Contrário I7 Pontilhamento I7 Transparência 


Degradê Linear - cria uma matiz do ponto de partida ao ponto final em uma linha 
reta. 

Degradê Radial - cria uma matiz do ponto de partida ao ponto final num padrão 
circular. 
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Degradê Angular - cria uma matiz ao redor do ponto de partida. 


Degradê Refletido - cria uma matiz usando gradientes lineares simétricos em 
qualquer lado do ponto de partida. 


Degradê Diamante - cria uma matiz do ponto de partida externo em um padrão 
de diamante. O ponto final define um canto do diamante. 


| E | | [E F) | Eik ieke] | Modo: [Normal T] Opacidade: | T Contrário [7 Pontilhamento IV Transparência | 


1 -Abra o arquivo pato.psd. 


2 - Com a ferramenta Varinha Mágica, selecione toda a área branca da imagem 
e delete-a. 


a O Ducky.tif @ 66,7% (Layer 1.RGB) fal E3 
= ma Camadas X% \rcadores “xico NNP] 
[Normal 7] Opacidade: 
Bloquear: PIT 4Trt-HTA 
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3 - Selecione a ferramenta Degradê, com as opções da figura abaixo. 


RE 
i] camadas ~ wcadores “cio w WU) 
[ormai z] Opacidade: [10035 
Boger: C A rjr ra 


Editar Imagem | Camada Selecionar Filtro Visualizar Janela Ajuda 


Novo 
ELE Duplicar Camada... 


Excluir bamada: 


Propriedades da Camada... 
Estilo de Camada 


Nova Cai Preenchimento 


Nova arado de Ajuste 


Preenchimento de Degradê ES 


Don Bitmap 


Nova Camada Baseada em Fatia | Degradê: 
Pa — 
Adicionar Máscara de Camada E 
Ativar Máscara de Camada Estilo: | Linear z] Cancelar | 


Adicionar Demarcador de Corte de Camada 
y noel 


ati 


De Corte de banada 


ângulo: (D fo 2 
Escala: % 


I Contrário I Pontilhamento 
JY Alinhar à camada 


4 - Arraste o mouse no sentido de cima para baixo na imagem, ao soltar o botão 
do mouse o gradiente será construído. 


5 - Desfaça a gradiente aplicado anteriormente. 
6 - Dê um clique em cima do degradê da barra de ferramentas de opções. 
7 - No quadro de diálogo Editor de Degradê, arraste o ponto de cor central 


mudando de posição. Os ícones de cor final e inicial também podem ser 
deslocados. 


[Etor de Dessa EEE 
m Predefinições D) OK | 
| Cancelar | 
Carregar... | 
Salvar... | 
Nome: [Personalizado 
M Tipo de Degradê: | Sólido =] 
Suavidade: % 
f j M E Â 
interrupções ——— E 
(Dpacidandes J % Localização: | % Excluir 
Cor: EH) Localização: m % Excluir | 


[Z 


8 - Dê um clique no ícone da cor final e depois clique no ícone de cor 
personalizada. Para definir qual será esta cor clique no quadro de cor. Escolha 
uma cor e depois feche a janela dando um clique em OK. 


28 


Webdesign PHOTOSHOP 


9 - Crie outro gradiente, desta vez circular a partir do centro da imagem. 


Podemos também utilizar os vários padrões de gradiente radiais e lineares 
pré-programados do Photoshop. 


CARIMBO 


A ferramenta Carimbo é utilizada para copiar pequenos trechos de uma imagem 
para colá-los em outra ou na mesma figura. O que ela faz é criar um clone dos 
pixels da imagem, como se fosse um carimbo da seleção. 


1 - Abra os arquivos pato.psd. 
2 - Posicione a ferramenta no canto esquerdo superior da figura das nuvens e 


depois dê um clique com a tecla <Alt> pressionada. Marcando o ponto de partida 
da clonagem. 


7 - A ferramenta Carimbo possui as mesmas propriedades de Pincel das outras 
ferramentas de pintura. Vá até a janela e altere o formato do pincel. 


EN m & Ferramenta Carimbo = 
E & Ferramenta Carimbo de Padrão 5 
+ 
EA Pincel: | Modo: [Normal =] Opacidade: [7 alinhado [” Utilizar Todas as Camadas | 
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DESFOQUE, NITIDEZ E BORRAR 


A ferramenta Desfoque faz com que a área da figura selecionada, perca sua 
nitidez, deixando com um aspecto embassado. A ferramenta Nitidez faz o 
contrário da ferramenta desfoque. Ela reconhece as cores dos pixels em volta da 
área selecionada, e adciona automaticamente contrastes e cores nas matizes dos 
pixels, de modo que eles fiquem mais claros e exuberantes. Ela quase consegue 
reverter o trabalho da ferramenta desfoque. Porém, de maneira muito leve, e 
quando saturada ela destrói os pixels da área selecionada, manxando a figura. 
Deve ser utilizada com cautela. Com a ferramenta Borrar fazemos um efeito de 
borrão criado com o dedo sobre uma pintura ainda fresca. Ela cria bordas mais 
suaves quando mistura e harmoniza os pixeis por onde passa. 


1 - Com o arquivo zebra.psd aberto, selecione a ferramenta Borrar (R). 


2 - Na janela de opções, defina uma pressão de 70%, e desative a opção Pintura 
a Dedo. Escolha também na janela Pincéis um pincel com uma borda suave. 


fa) | Pincel: [*[] | Modo: fNormal Pressão: | I Utilizar Todas as Camadas [ Pintura a Dedo | La] 


3 - Arraste ferramenta Borrar entre as listras da zebra, dando a impressão de que 
ele está soltando tinta. 
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4 - Escolha um verde neon para a cor de Primeiro Plano. 


5 - Nas opções da ferramenta Borrar, ative a opção Pintura a Dedo, na barra de 
menu pintando o mesmo local de antes. 
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FERRAMENTAS DE TEXTO 


Com as ferramentas de ajuste podemos retocar fotografias, suavizar bordas e unir 
as imagens e com a ferramenta de texto, escrevemos sobre a imagem. 


TEXTO 


Com a ferramenta Texto criamos títulos, comentários e letreiros para as imagens. 


wT 


T | it [rim] [verdana z] [Regular z] 


Caixa de Propriedades do Texto 


H fe pt z] aa [Eem Definidl e] | El | Paletas | 


Uma camada de texto não pode ser criada para imagens em modos multicanal, 
bitmap, ou cores indexadas, porque estes modos não suportam camadas. Nestes 
modos de imagem o texto aparece no Plano de Fundo e não pode ser editado. 
Por isso quando você quiser trabalhar com texto trabalhe sempre com 
arquivos .psd. 


1 - Abra o arquivo urso.psd. 


2 - Selecione a ferramenta Texto (letra T) e clique no ponto onde deseja inserir o 
texto. 


XJT 


3 - Na barra de ferramentas opções, escolha o tipo de fonte, tamanho, 
espaçamento entre linhas e caracteres, e a cor do texto. 


[verdana z] [Regular z] 


T pt z] aa [Eem Definidl e] =] | Paletas | 
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4 - Enquanto você digita, o texto é mostrado na figura. 


| Cal Demarcador Histór] Aq Camadas 
JNormai 7] Opacidade: 
Bloquear: F AFPA rAreA 


B 4 


EFEITOS DE TEXTO 


Photoshop 


Um texto do Photoshop pode também conter efeitos. Para adicionar um efeito, 


basta que você selecione a camada de texto e vá para o menu: 
Camada » Estilo de Camada » Brilho Externo 


Escolhendo o efeito desejado. Veja na figura a seguir alguns exemplos de efeitos 


de Texto. 
EE p 
| Ca] Demarcador] Histór] Ad Camadas X$) E ` 
formai [E] Opacidade: | S to e umu rS O Es 
Estilo de Camada x! 


E [sete 
TT —— Estrutura 
Opções de Mesclagem: Padrão Modo de Mesclagem: [horm al =] 


Opacidade: mmy hoo % 
Ruído: E fo % 


cc yu 


» Elementos 


I sombra Projetada 
I Sombra Interna 


M Brilho Externo 


I Brilho Interno 
I Chanfro e Entalhe 


T Contorno Técnica: [mais Suave Zl 
I Textura Expansão: E [4 % 
I acetinado Tamanho: == Ff px 


I sobreposição de Cor 

I sobreposição de Degradês 
I Sobreposição de Padrão 
I Traçado 


M Qualidade 


Contorno: LÁ I suavização de Serrilhado 


Escala: E fo % 
Tremulação: aeaee lol % 
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Faça agora o teste com todas as possibilidades de efeito (mesclagem), 
alterando os valores 


MODOS DE COR 


Duotônico 


Uma imagem é Duotônica quando são utilizadas duas tintas para imprimir os 
Tons de Cinza ao invés de tinta preta. Com mais de uma tinta para reproduzir os 
Tons de Cinza a imagem fica mais definida, combinações estas que conseguem 
mostrar com maior nitidez a escala de cinza do que a cor preta sozinha. 


Além de converter imagens para o modo duotônico, o Photoshop, consegue criar 
imagens com cores Monotônicas, Tritônicas e Quadritônicas. 


Com o modo Monotônico, a imagem é convertida para Tons de cinza, utilizando 
uma única tinta, que não seja a preta. Os modo Tritônico, com três e no 
Quadritônico, com Quatro. 


Para que a imagem seja transformada em qualquer um destes modos de cores, 
ela primeiro tem que ser convertida para Tons de Cinza. 


1 - Abra a imagem astronauta.tif e converta para o modo Tons de Cinza. 


Arquivo Editar | Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 


Iis 


a á Du otönca ' [x] 
Duplicar... (Dores Inderadas Er 
Aplicar Imagem... Cores RGB 
Cálculos... v Cores CMYK 
Cores Lab 
Tamanho da Imagem... Sa p 
i Multicanal pei 
Tamanho da Tela de Pintura... q 
Rotacionar Tela de Pintura > v 8 Bits/Canal , 
Corte Demarcado 16 Bits/Canal | 
ppsa Tabela de Cores 
Hevea nadas 
; Atribuir Perfil... 
Histograma... 


Converter para Perfil... 


Cobertura... 
Extrair... Blt+ Cris 
Dissolver... Shft+Ctrl+ 


D nea 


Q A 
e”, j 
. iih / 
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2 - Escolha a opção Duotônico no menu Imagem » Modo. Abrindo a caixa de 
diálogo Opções do Modo Duotônico, onde você poderá definir as novas cores 
dos tons de cinza. 


Editar | Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 


ae EO ro AE 
Bic z v Tons de Cinza e 
E Ajustar > TE 
Duotônico 
Duplicar... Cores Indexadas 
&plicar Imagem... Cores AGB 
Cálculos... Cores CMYK 
T dal Cores Lab 
amanho da Imagem... É 
lti | 
Tamanho da Tela de Pintura... ieit 
Rotacionar Tela de Pintura » v 8Bits/Canal 
Dorte Demarcada 16 Bits/Canal 
fparar... Tabela de [Dores 
HEvelar liGdas 


Histograma. Atribuir Perfil... 
E Converter para Perfil... 
[Cobertura 

Extrair... Alte Ctrlaos 


Dissolver... Shft+ Chris 


3 - Na caixa Tipo, escolha Duotônico. 


Opções de Duotônicas 


Tipo: | Monotônico +] 
'Duotônico É 
Tritônico 


Quadritônico 


Tinta 1: 
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4 - Clique nas caixas da Tinta 1 e Tinta 2 e escolha as cores do duotônico 


Opções de Duotônicas x| 
Tipo: | Duotônico -| Lx ] 


M E — 
Tinta 1: azul01 
Carregar... | 


Tinta 2: |] fezu102] Salvar... | 


Cores de Impressão Sobreposta.. | [ 


IV visualizar 


Imagem Normal Imagem Tom de Cinza Imagem Doutônica 


Cores Indexadas 


O modelo Cores Indexadas utiliza no máximo uma paleta com 256 cores para 
exibir a imagem. Ele é muito utilizado para diminuir o tamanho do arquivo 
especialmente quando se deseja publicar a imagem na Internet. 


Você pode utilizar uma das sete paletas disponíveis na hora da conversão do 
arquivo, escolhendo uma que mais lhe satisfaça, 


Exata - usa as cores, em RGB, que estão na imagem. 


Sistema(Macintosh) - usa a paleta do sistema Macintosh. 
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Sistema (Windows) - usa a paleta do sistema Windows. 

Web - usa a paleta com as cores mais frequentes usadas pelos Navegadores. 
Uniforme - cria a paleta a partir de uma amostra estrita de cores. 

Local - cria uma paleta de cores a partir das cores disponíveis na imagem. 
Personalizada - permite ao usuário criar sua própria paleta. 


1 — Abra o arquivo cascata.tif em modo RGB 


2 - Escolha Cores Indexadas..., no menu Imagem » Modo. 


Arquivo Editar | Imagem Camada Selecionar Filtro Visualizar Janela Ajuda 


EE 


Tamanho da Imagem... 

Tamanho da Tela de Pintura... 

Rotacionar Tela de Pintura » v BBits/Canal 
Corte Demarcada 16 Bits/Canal 
Apar 


Cobertura, 


Extrair. ACHA 
Dissolver... Shft+Ctrhx 
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3 - Escolha a paleta Adaptável com 16 cores. 


14 


g Cascata.tif @ 66.7% (RGB) -of x] 
E 2 4 6 e 10 12 


Cores Indexadas 


ro Paleta: | Local (adaptável) =] FI Cx] 
Si Cancelar | 


Forçado: | Preto e Branco =] 


V Transparência 
sb M Visualizar 


Opções 
matte: | Nenhum E] 
Pontilhamento: | Por Difusão =] 


Intensidade: |75 % 
I Preservar Cores Exatas 


Contraste Automático 


1 - Abra o arquivo cascata.tif 

Esta nova opção ajusta automaticamente as sombras e os realces da imagem, 
deixando os realces mais claros e as sombras mais escuras. Para escolher esta 
opção basta ir no menu Imagem » Ajustar » Contraste Automático. 


2 — Veja a diferença (CTRL + Z apertando seguidamente) 


Contraste Personalizado 


É só ir em Imagem » Ajustar » Brilho/Contraste e alterar os valores: 


Para direita > Valores maior que zero 
Para esquerda > Valores menos que zero 


Brilho/Contraste ES 
rio Em 
[>>> 


Cancelar | 
Contraste: 


E o Nr visualizar 
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CAMADAS 


Como já vimos anteriormente o Photoshop permite a edições de imagens através 
do uso de camadas sobrepostas umas às outras através da janela Camadas. 
Com as Camadas podemos alterar partes de uma imagem, aplicando 
modificações somente na região onde nos interessa. 


1 - Abra o arquivo mãos.psd, e veja na janela camadas todas as camadas deste 
arquivo. 


A Janela Camadas possui os seguintes componentes: 
Opacidade - controla o grau de transparência da camada; 


Seletor de Mistura - controla como os pixels da camada serão exibidos e como 
se combinam com os pixels das camadas abaixo; 


Indicador de Visibilidade - indica que todas as operações serão realizadas com 
esta camada; 


Indicador de Vínculo - indica uma ligação desta camada com a camada 
selecionada; 


ícone de visibilidade - indica que a camada está visível. 


Outras Propriedades: 


= E3 
[= [x 
| Ca] Demarcado] Histó] Ad Camadas K>) | Ca] Demarcado histó Ag Camadas NU) 


[Normal 7] Opacidade: [Normal [] Opacidade: 
Bloquear: FT 4T+tra Bloquear: PIT 4T+tTA 


Adicionar uma máscara 


Adicionar um estilo de camada 
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fl ES 


[Normal =] Opacidade: 

7 | Cal Demarcador Histór] Aq Camadas S] 
frisa H z d = 2 EL [Normal 7] Opacidade: 
Bloquear: C ACATA 


Criar um novo conjunto Criar nova camada de preenchimento ou de ajuste 


= 
| Ca] Demarcador] Histór] Ag Camadas NLA 


[Normal =] Opacidade: [1003 [P] [=[=] 
| Cal Demarcador Histór] Ad Camadas NU) 


Bloquear: PIT 4T+rTaA [ormai [E] Opacidade: [100% [+] 
Bloquear: PI TM4rTr+tTrTA 


E Im p [Mãos em camadas 


E rigem das mãos BID CP b i 
a Ea: E sr EM orem seems 


E EIOTSIaTar 


Criar uma nova camada 


40 


Webdesign Photoshop 


CRIAÇÕES PARA WEB 


Quando nós utilizamos a Internet à procura de informações, queremos que estas 
cheguem o mais breve possível em nosso computador. Mas, com o 
aprimoramento da parte visual das páginas, às vezes ficamos um bom tempo 
esperando uma figura ser carregada pelo navegador, por isso é muito importante 
que você ao editar imagens para publicação na Web tenha em mente que quanto 
maior o tamanho do arquivo da imagem, maior será o tempo de recebimento 
(download) desta página. 


Nesta versão do Photoshop, foram incluídos vários recursos de processamento 
de imagens para Internet. 


O programa ImageReady que complementava o Photoshop nos recursos de 
tratamento de imagens para Internet, agora está incluído ao programa, os dois 
trabalham em completo entrosamento. Foi incluída a opção Saltar Para Web do 
menu Arquivo, esta opção facilita alternar de um programa para o outro. Os dois 
programas são muito parecidos, e um arquivo feito em um pode ser aberto no 
outro sem problemas. Você pode também utilizar o botão Saltar para ImageReady 
através da Barra de Ferramentas padrão, ou através das teclas <Ctrl+Shift+J>. 


ATENÇÃO 
Arquivos Foto > Prefira JPG 
Arquivos em Desenho (chapado) > Prefira GIF 


Para salvar um arquivo em JPG: 


1 — Abra o arquivo zebra.psd 

2 - Escolha a opção Arquivo > Salvar Como 

3 — Na aba formato escolha JPG 

Na opção de qualidade da caixa de diálogo JPEG Options escolha a qualidade de 
imagem desejada. Tendo as seguintes opções de formato: 


Opções da Imagem Cancelar | 
Qualidade: [A [Máxima 5] AE 
aao, pequeno arquivo grande 


m~ Opções de Formato 
(* Linha de Base (“Padrão”) 


É Linha de Base Otimizada 
€ Progressivo 


m~ Tamanho 


~195,03K / 67,712. | 28.8Kbps -| 
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Linha de Base - este formato é reconhecido pela maioria dos navegadores. 


Linha de Base Otimizada - melhora a qualidade das cores da imagem 
produzindo arquivos pequenos, mas não é suportado por todos os navegadores. 


Progressivo - mostra a imagem gradualmente enquanto ela está sendo 


carregada pelo navegador, onde você especifica a quantidade de varreduras para 
carregar a imagem toda, em contra partida produz arquivos maiores. 


FILTROS 


Os Filtros são efeitos especiais que você consegue adicionar às imagens pelo 
Photoshop. 


1 — Abra a imagem urso.psd 
2 — Vá em filtro > Acabamento, e teste as possibilidades deste filtro 


3 — Faça o teste com os todos os itens do menu filtro (Artístico, Croqui, 
Desfoque, Distorção, Estilização,....... ). 


| Filtro Visualizar Janela Ajuda 


(lima Filtro Et 
| Ultimo kito TE lp Eriti r 


Efeitos de Iluminação... 
Nuvens 

Nuvens por Diferença 
Preenchimento com Textura... 
Reflexo de Flash... 
Transformação 3D... 


Acabamento 
årtistico 
Croqui 
Desfoque 
Distorção 
Estilização 
Nitidez 
Pixelização 
Ruído 
Textura 
Traçados de Pincel 
Video 
Outros 


FP E Es vinda 


E 


Digimare 
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